Bundleの統計レポートを出力する Vue.js webpack

Webpack Bundle Analyzer

https://gyazo.com/6d496b5a272317d7f98c5fafeb340823

vueのビルドオプションとして --report --report-jsonを付けるとバンドルの統計レポートのファイルが作成される

package.jsonにscriptとして追加するならこんな感じ

code:package.json

"scripts": {

"report": "vue-cli-service build --report",

"report-json": "vue-cli-service build --report-json",

}

参考